{include file="Public:header2"/}

<body style="min-height: 100%;background-color: #fff">
<!--<div style="padding: 0 20px;position: relative;z-index: 99;border-bottom: 1px solid #e5e5e5;line-height: 39px;height: 39px;overflow: hidden;">-->
<!--      <span style="visibility: visible;">-->
<!--        <a href="{:url('/admin/order')}" style="padding-right: 8px;line-height: 22px;font-size: 14px;color: #333!important;">订单列表<span class="layui-box">&gt;</span></a>-->
<!--        <a href="javascript:;"> <cite>订单详情</cite></a>-->
<!--      </span>-->
<!--</div>-->
<style>
    .div-width,.xian{
        width: 836px;
    }
    .xian{
        margin-top: 15px;
    }
</style>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-body">
                    <div style="display: flex;" class="div-width">
                        <div style="margin-right: 8px"><img src="/static/image/address.png" style="width: 30px;position: relative;top: 8px" alt=""></div>
                        <div>
                            <p style="font-weight: bold">{$info.address.shou_name} {$info.address.shou_mobile}</p>
                            <p>{$info.address.shou_region} {$info.address.address}</p>
                        </div>
                    </div>
                    <div class="xian" style="height: 4px;background: #f5f5f5"></div>
                    {foreach name="list" id="vo"}
                    <div style="display: flex;margin-top: 18px;" class="div-width">
                        <div style="margin-right: 12px">
                            <img src="{:imageUrl($vo.goods_image)}" alt="" width="110px" height="110px">
                        </div>
                        <div style="width: 100%;position: relative">
                            <p style="color: #666;font-size: 9px">{$vo.goods_name} </p>
                            <p style="color: #666666ba;font-size: 9px">{$vo.goods_spec}</p>
                            <div style="display: flex;justify-content: space-between;color: #f60;"><p>售价：{$vo.goods_price}</p></div>
                            <div style="display: flex;justify-content: space-between;color: #f60;"><p>秒杀价：{$vo.goods_seckill_price}</p></div>
                            <span style="position: absolute;top: 71px;right: 15px;">X{$vo.goods_num}</span>
                        </div>
                    </div>
                    {/foreach}
                    <div class="xian" style="height: 4px;background: #f5f5f5;"></div>
                    <div style="display: flex;justify-content: space-between;height: auto;margin-top: 18px" class="div-width">
                        <div>下单人</div>
                        <div><img style="width: 30px;height: 30px;margin-right: 8px" src="{:imageUrl($info.user_info.headimg)}" alt="">
                            <span>{$info.user_info.nickname}</span>
                            <span style="color: orangered">(UID：{$info.user_info.id})</span>
                        </div>
                    </div>
                    <div style="display: flex;justify-content: space-between;height: auto;margin-bottom: 5px" class="div-width">
                        <div>订单号</div>
                        <div>{$info.order_no}</div>
                    </div>
                    <div style="display: flex;justify-content: space-between;height: auto;margin-bottom: 5px" class="div-width">
                        <div>下单时间</div>
                        <div>{if $info.addtime}{$info['addtime']|date="Y-m-d H:i:s"}{/if}</div>
                    </div>
                    <div style="display: flex;justify-content: space-between;height: auto;margin-bottom: 5px" class="div-width">
                        <div>支付时间</div>
                        <div>{if $info.pay_time}{$info['pay_time']|date="Y-m-d H:i:s"}{else}未支付{/if}</div>
                    </div>
                    <div style="display: flex;justify-content: space-between;height: auto;margin-bottom: 5px" class="div-width">
                        <div>发货时间</div>
                        <div>{if $info.deliver_time}{$info['deliver_time']|date="Y-m-d H:i:s"}{else}未发货{/if}</div>
                    </div>
                    <div style="display: flex;justify-content: space-between;height: auto;margin-bottom: 5px" class="div-width">
                        <div>收货时间</div>
                        <div>{if $info.confirm_time}{$info['confirm_time']|date="Y-m-d H:i:s"}{else}未收货{/if}</div>
                    </div>
                    <div style="display: flex;justify-content: space-between;height: auto;margin-bottom: 5px" class="div-width">
                        <div>商品总价</div>
                        <div style="color: #f60">{$info.total_price}</div>
                    </div>
                    <div style="display: flex;justify-content: space-between;height: auto;margin-bottom: 5px" class="div-width">
                        <div>运费</div>
                        <div style="color: #f60">{$info.freight_price}</div>
                    </div>
                    <div style="display: flex;justify-content: space-between;height: auto;margin-bottom: 5px" class="div-width">
                        <div>微信支付</div>
                        <div style="color: #f60">{$info.price}</div>
                    </div>
                    <div style="display: flex;justify-content: space-between;height: auto;margin-bottom: 5px" class="div-width">
                        <div>余额</div>
                        <div style="color: #f60">{$info.money}</div>
                    </div>
                    <!--<div style="display: flex;justify-content: space-between;height: auto;margin-bottom: 5px" class="div-width">-->
                    <!--    <div>玩Woo币</div>-->
                    <!--    <div style="color: #f60">{$info.integral}</div>-->
                    <!--</div>-->

                    <div style="display: flex;justify-content: space-between;height: auto;margin-bottom: 5px" class="div-width">
                        <div>订单状态</div>
                        <div>
                            {if $info['status'] eq 1 /}
                            <button class="layui-btn layui-btn-normal layui-btn-radius layui-btn-sm">待发货</button>
                            {elseif $info['status'] eq 2 /}
                            <button class="layui-btn layui-btn-success layui-btn-radius layui-btn-sm">待收货</button>
                            {elseif $info['status'] eq 3 /}
                            <button class="layui-btn layui-btn-danger layui-btn-radius layui-btn-sm">已收货</button>
                            {/if}
                        </div>
                    </div>
                    <div style="display: flex;justify-content: space-between;height: auto;margin-bottom: 5px" class="div-width">
                        <div>物流公司</div>
                        <div>{$info.address.delivery_name}</div>
                    </div>
                    <div style="display: flex;justify-content: space-between;height: auto;margin-bottom: 5px" class="div-width">
                        <div>物流单号</div>
                        <div>{$info.address.delivery_no}</div>
                    </div>
                    <div class="xian" style="height: 4px;background: #f5f5f5;"></div>

                </div>
                </div>
            </div>
        </div>
    </div>
</div>
{include file="Public:footer"/}
<script type="text/javascript">
    layui.use(['table'], function(){

    });


</script>
</body>
</html>


